
<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>五周年狂欢盛典-众人游戏</title>
    <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon"/>
    <link rel="stylesheet" href="css/common.css?d=20160803">
    <style>
        #nav{
            width: 100%;
            height: 40px;
            position: absolute;
            top: 0;
            left: 0;

        }
        #nav ul{
            width: 700px;
            height: 40px;
            float: right;
        }
        #nav ul li{
            width: 14%;
            height: 40px;
            list-style: none;
            float: left;
            line-height: 40px;
            text-align: center;
        }
        #nav ul li a{color: white;
            font-family: 微软雅黑;
            font-size: 20px;
        }
        #nav ul li a:hover{
            color:burlywood;
        }
        #nav ul li:hover{background: #00ab88}
    </style>
</head><div class="bg-flash-pic"></div>
<body style="padding-top:42px;">
<!--<div id="bgVideo" class="bg-video">-->
<div id="nav">
    <ul>
        <li ><a href="../index.html">首页</a></li>
        <li><a href="../index_pic_html/index_pic.html">英雄资料</a></li>
        <li style="background:#00ab88"><a href="5anniversary.html">周年盛典</a></li>
        <li><a href="../lol_hero/lol_hero.html">周年历史</a></li>
        <li><a href="../pic_video_html/pic_video.html">英雄信仰</a></li>
        <li><a href="../responsive/myheart.html">个人中心</a></li>
        <li><a href="../LOL_download/LOL_download.html">更多</a></li>
    </ul>
</div>
<video class="nb-video" id="nb-video" autoplay loop>
    <source src="images/bg.webm" type="video/webm">
</video>
<!--</div>-->
<div class="top-time"><em>时间：</em>2016年8月26日-2016年8月28日　　<em>地点：</em>河南周口师范学院</div>
<div class="header">
    <a class="logo" href="#" target="_blank">英雄联盟</a>
    <a id="J_btnDate" class="btn-date" href="javascript:core.popOpenDate()">庆典节目单</a>
</div>

<div class="content">
    <a id="J_btnVideo" class="btn-video" href="javascript:core.popOpenVideo()"></a>
    <ul class="nav">
        <li class="nav1">
            <a class="nav-link" href="#" onclick="pgvSendClick({hottag:'act.a201607275th.nav.nav1'})">周边商城</a>
            <div class="nav-drop">
                <img class="pic-drop" src="images/pic1.jpg" width="158" height="88" alt="">
                <p>英雄联盟周边商城，即将在五周年庆典发布5大惊喜，倾情回馈所有召唤师们，把英雄带到你身边！</p>
            </div>
        </li>
        <li class="nav2">
            <a class="nav-link" href="#" onclick="pgvSendClick({hottag:'act.a201607275th.nav.nav2'})" >成就大师挑战赛</a>
            <div class="nav-drop">
                <img class="pic-drop" src="images/pic2.jpg" width="158" height="88" alt="">
                <p>挑战英雄成就5级，争当成就大师，赢得永久皮肤！</p>
            </div>
        </li>
        <li class="nav3">
            <a class="nav-link" href="#" onclick="pgvSendClick({hottag:'act.a201607275th.nav.nav3'})">五周年售票站</a>
            <div class="nav-drop">
                <img class="pic-drop" src="images/pic3.jpg" width="158" height="88" alt="">
                <p>五周年狂欢盛典即将到来，凡购买任意门票附赠“五周年电玩限定皮肤”。广州，我们不见不散！</p>
            </div>
        </li>
        <li class="nav4">
            <a class="nav-link" href="#" onclick="pgvSendClick({hottag:'act.a201607275th.nav.nav4'})"  >玩家创作大赛</a>
            <div class="nav-drop">
                <img class="pic-drop" src="images/pic4.jpg" width="158" height="88" alt="">
                <p>漫画创作大赛、cosplay大赛、表情创作大赛——用你的才华、创意征服召唤师峡谷，做自己的大主角!</p>
            </div>
        </li>
        <li class="nav5">
            <a class="nav-link" href="#" onclick="pgvSendClick({hottag:'act.a201607275th.nav.nav5'})"  >我想对你说</a>
            <div class="nav-drop">
                <img class="pic-drop" src="images/pic5.jpg" width="158" height="88" alt="">
                <p>结伴大声说出对LOL祝福，就有机会5周年现场秀出来，更有五周年限定皮肤哟！</p>
            </div>
        </li>
    </ul>
</div>

<div class="history">
    <div class="history-top">
        <div class="history-content" style="display: block">
            <img src="images/pic-history5.png" width="140" height="150" alt="五周年">
            <p>五年，一段征程，是不断积累，也是不断超越。<br>五年，一路陪伴，是执着坚持，也是始终如一。<br>英雄联盟五周年狂欢盛典，一年一度，属于全体召唤师的狂欢盛典即将启幕！<br>顶级联赛队伍，强强对抗；海量精彩活动，目不暇接。</p>
        </div>
        <div class="history-content">
            <img src="images/pic-history4.png" width="140" height="150" alt="四周年">
            <p>《英雄联盟》四周年庆狂欢盛典是继去年三周年庆后，第四次专属英雄联盟玩家的盛典。本次盛典上将进行全球总决赛中国代表队选拔赛，从职业联赛春季赛、夏季赛脱颖而出的5支国内顶尖战队将角逐代表中国参加全球总决赛的名额。盛典现场将会众多精彩活动回馈广大玩家，到场参与《英雄联盟》四周年狂欢盛典的每位玩家更将获得限量版专属皮肤以及获得现场实现愿望的机会。</p>
        </div>
        <div class="history-content">
            <img src="images/pic-history3.png" width="140" height="150" alt="三周年">
            <p>《英雄联盟》三周年庆狂欢盛典是继二周年庆后，第三次专属英雄联盟玩家的盛典。盛典延续S系列出征名额选拔。从职业联赛春季赛、夏季赛脱颖而出的五支国内顶尖战队角逐代表中国参加全球总决赛的名额。同时，发布三周年定制限量手办超值回馈，并且参与《英雄联盟》三周年狂欢盛典的每位玩家均获得限量版专属皮肤以及获得现场实现愿望的机会。</p>
        </div>
        <div class="history-content">
            <img src="images/pic-history2.png" width="140" height="150" alt="二周年">
            <p>《英雄联盟》二周年庆狂欢盛典是第二次英雄联盟玩家的专属盛典，盛典准备了丰富精彩的活动以飨玩家，盛典上进行了Season3全球赛事中国队第二个名额的选拔赛，IG脱颖而出战胜其他3支队伍代国出征。此外，在二周年盛典上邀请了来自娱乐界、体育圈共10位神秘明星带来精彩表演赛。二周年庆典专属典藏包亦现场发放，活动不断现场精彩轮番上演。</p>
        </div>
        <div class="history-content">
            <img src="images/pic-history1.png" width="140" height="150" alt="一周年">
            <p>英雄联盟一周年庆狂欢盛典是《英雄联盟》在国服公测一周年之际盛情举办的回馈广大玩家狂欢盛典，整个盛典为期一个半月，并举办音乐、美术、手办三大创作大赛，邀请了郎朗、本杰明等艺术家评委助阵评选，Joker、JY、小苍mm、Sky、老刀99等百名游戏圈内名人到场助威。一周年是公测后首次狂欢盛典，也是英雄联盟一岁之际年度最具影响力的品牌盛事！</p>
        </div>
    </div>
    <div class="history-bottom">
        <div class="history-bg-line">&nbsp;</div>
        <ul class="history-nav">
            <li class="cur"><i class="icon-history"></i>5周年</li>
            <li><i class="icon-history"></i>4周年</li>
            <li><i class="icon-history"></i>3周年</li>
            <li><i class="icon-history"></i>2周年</li>
            <li class="last"><i class="icon-history"></i>1周年</li>
        </ul>
    </div>

</div>

<!--视频弹窗 S-->
<div id="J_popVideo" class="pop pop-video" style="display:none">
    <a class="pop-close" href="javascript:core.popCloseVideo()" title="点击关闭弹窗">&times;</a>
    <div id="J_video" class="pop-video-content">
        <video  autoplay="" loop="">
            <source src="images/lol_pifu.webm" type="video/webm">
        </video>
    </div>
</div>
<!--视频弹窗 E-->

<!--节目单弹窗 S-->
<div id="J_popDate" class="pop pop-date" style="display:none">
    <a class="pop-close" href="javascript:core.popClose()" title="点击关闭弹窗">&times;</a>
    <ul id="J_dateNav" class="pop-date-nav">
        <li class="cur">8月26日</li>
        <li>8月27日</li>
        <li>8月28日</li>
    </ul>
    <div class="pop-date-content" style="display: block">
        <p class="first"><span class="l">16:00-16:10</span><span class="r">开场表演</span></p>
        <p><span class="l">16:10-16:20</span><span class="r">战队出场</span></p>
        <p><span class="l">16:20-21:20</span><span class="r">2016LPL夏季赛总决赛（BO5）</span></p>
        <p class="last"><span class="l">21:20</span><span class="r">结束</span></p>
    </div>
    <div class="pop-date-content">
        <p class="first"><span class="l">12:00-12:10</span><span class="r">开场表演</span></p>
        <p><span class="l">12:10-12:20</span><span class="r">战队出场</span></p>
        <p><span class="l">12:20-17:20</span><span class="r">全球总决赛选拔赛 第一场（BO5）</span></p>
        <p><span class="l">17:20-17:40</span><span class="r">英雄联盟2016品牌发布</span></p>
        <p><span class="l">17:40-17:45</span><span class="r">心愿奖以及现场抽奖</span></p>
        <p><span class="l">17:45-22:45</span><span class="r">全球总决赛选拔赛 第二场（BO5）</span></p>
        <p class="last"><span class="l">22:45:00</span><span class="r">结束</span></p>
    </div>
    <div class="pop-date-content">
        <p class="first"><span class="l">12:00-12:10</span><span class="r">开场表演</span></p>
        <p><span class="l">12:10-12:25</span><span class="r">英雄联盟2016周边产品发布</span></p>
        <p><span class="l">12:25-17:25</span><span class="r">全球总决赛选拔赛 第三场（BO5）</span></p>
        <p><span class="l">17:25-17:40</span><span class="r">英雄联盟2016产品发布</span></p>
        <p><span class="l">17:40-17:45</span><span class="r">心愿奖以及现场抽奖</span></p>
        <p><span class="l">17:45-17:55</span><span class="r">神秘环节</span></p>
        <p><span class="l">17:55-18:55</span><span class="r">亚洲明星对抗赛 BO1</span></p>
        <p><span class="l">18:55-19:00</span><span class="r">出征仪式</span></p>
        <p class="last"><span class="l">19:00</span><span class="r">结束</span></p>
    </div>
</div>
<!--节目单弹窗 E-->

<script src="js/foot.js"></script>
<script src="js/jquery-1.9.1.js"></script>
<script src="js/tvp.player_v2.js" charset="utf-8"></script>
<script src="js/milo-min.js"></script>
<script src="js/ping_tcss_ied.js"></script>
<script>
    var audio = null,
            status = false,
            size = 1920/1034,
            hasScroll = false,
            argM = true;
    core ={
        popOpenDate : function(){
            pgvSendClick({hottag:'act.a201607275th.btn.popDate'});
            need("biz.dialog",function(Dialog){
                Dialog.show({
                    id:'J_popDate',
                    bgcolor:'#000',
                    opacity:70
                });
            });
        },
        popOpenVideo : function(){
            pgvSendClick({hottag:'act.a201607275th.btn.popVideo'});
            need("biz.dialog",function(Dialog){
                Dialog.show({
                    id:'J_popVideo',
                    bgcolor:'#000',
                    opacity:70
                });
            });
            var video = new tvp.VideoInfo();
            video.setVid("q0317d1tgjz");
            var player =new tvp.Player();
            player.create({
                width:900,
                height:600,
                video:video,
                modId:"J_video",
                autoplay:true
            });
        },
        popCloseVideo : function(){
            need("biz.dialog",function(Dialog){
                Dialog.hide();
            });
            $('#J_video').html('');
        },
        popClose : function(){
            need("biz.dialog",function(Dialog){
                Dialog.hide();
            });
        }
    };

    //    var timeHover,timeOut;
    $('.nav li').hover(function(){
//        clearTimeout(timeOut);
//        timeHover = setTimeout(function(){
        $(this).find('.nav-drop').stop(true,false).slideDown();
//        },100)
    },function(){
//        clearTimeout(timeHover);
//        timeOut = setTimeout(function(){
        $(this).find('.nav-drop').stop(true,false).slideUp();
//        },300)
    });

    $('.history-nav li').each(function(index){
        $(this).click(function(){
            var _this=this;
            $(_this).addClass("cur").siblings().removeClass("cur");
            $(".history-content").eq(index).show().siblings().hide();
            pgvSendClick({hottag:'act.a201607275th.btn.history'+index});
        })
    });

    $('#J_dateNav li').each(function(index){
        $(this).click(function(){
            var _this=this;
            $(_this).addClass("cur").siblings().removeClass("cur");
            $(".pop-date-content").eq(index).show().siblings('.pop-date-content').hide();
            pgvSendClick({hottag:'act.a201607275th.pop.tab'+index});
        })
    });

    if(typeof(pgvMain) == 'function'){pgvMain();}

</script>
</body>
</html><!--[if !IE]>|xGv00|e5fdea3029169f3c97d80b0c0ce63253<![endif]-->